<template>
    <div class="box">
        
        <div :style="[{margin: '10px'},{padding: '10px'}]">
        <el-alert
        title=""
        type="info"
        close-text = ' '
        > 
        <span :style="[{fontSize: '14px'}]">共  条记录</span>
        </el-alert>
        </div>
        

        <div class='app-container1'>
    <el-table style="width: 100%" >

      <el-table-column
        label="操作类型"
        prop="id"
        >
      </el-table-column>
      <el-table-column
        prop="email"
        label="操作人"
        >
      </el-table-column>
      <el-table-column
        prop="phone"
        label="执行结果">
      </el-table-column>
         <el-table-column
        prop="username"
        label="操作时间">
      </el-table-column>
       <el-table-column
        prop="permission_group_title"
        label="描述">
        </el-table-column>
    
    </el-table>
    </div>


           <div :style="{marginLeft: '750px'}">
         <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="currentPage"
        :page-sizes="[10, 20, 30, 50]"
        :page-size="+pagesize"
        layout="prev, pager, next,sizes, total,jumper"
        :total="+counts">
        </el-pagination>
    </div>

    </div>
</template>

<script>
import { list} from '../../api/base/logs'
export default {
    name: 'Logs',

    data() {
        return {
        currentPage: 1,
        counts:1,
        page:1,
        pages:1,
        pagesize:1,

        list1:[]
        };
    },

    mounted() {
         
    },
    created () {
    this.list()
    },

    methods: {
        handleSizeChange(val) {
        console.log(`每页 ${val} 条`);

      },
      handleCurrentChange(val) {
        console.log(`当前页: ${val}`);

      },


       async list(){
    //   const res =  await list()
    //      console.log(res,'11111')
    //      this.list1 = res.data.list
        
        //  this.counts = res.data.counts
        //  this.page = res.data.page
        //  this.pages = res.data.pages
        //  this.pagesize = res.data.pagesize

      },
    },
};
</script>

<style lang="scss" scoped>
  .box{
      background-color: #fff;
      margin: 10px;
   }
</style>